import React, { useState } from 'react'
import { NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant';

const Footer = () => {

    const [active, setActive] = useState(0);
    return (
        <div>
            <div className="top-router">
                <Tabbar activeColor="rgb(33, 185, 122)" inactiveColor="#000" value={active} onChange={setActive}>
                    <Tabbar.Item icon="wap-home-o"><NavLink to="/home">主页</NavLink></Tabbar.Item>
                    <Tabbar.Item icon="search"><NavLink to="/hunting">找房</NavLink></Tabbar.Item>
                    <Tabbar.Item icon="contact"><NavLink to="/my">我的</NavLink></Tabbar.Item>
                </Tabbar>
            </div>
        </div>
    )
}


export default Footer
